*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ol, ul {
    list-style: none;
}
button {
    outline: none;
}
#react-app, .main-wrap {
    height: 100%;
    width: 100%;
    min-width: 1320px;
    font-weight: 300;
}
a {
    color: #00ccff;
}
a:hover{
    color: #49a9ee;
}
a, a:focus {
    text-decoration: none;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track-piece {
    background-color: #fff;
} /* 滚动条的内层滑轨背景颜色 */

::-webkit-scrollbar-track {
    background-color: #fff;
} /* 滚动条的外层滑轨背景颜色 */

::-webkit-scrollbar-thumb {
    background-color: #d4d8e2;
} /* 滚动条的内层滑块颜色 */

::-webkit-scrollbar-button {
    background-color: #fff;
    display: none;
} /* 滑轨两头的监听按钮颜色 */

.pagination {
    width: 100%;
    margin: 80px 0;
    text-align: center;
}
.pagination .ant-pagination-item-active {
    background-color: #14ccff;
    border-color: #14ccff;
}
.pagination .ant-pagination-item:hover {
    transition: all .3s;
    border-color: #14ccff;
}
.pagination .ant-pagination-prev:focus .ant-pagination-item-link, .pagination .ant-pagination-next:focus .ant-pagination-item-link, .pagination .ant-pagination-prev:hover .ant-pagination-item-link, .pagination .ant-pagination-next:hover .ant-pagination-item-link {
    border-color: #14ccff;
    color: #14ccff;
}
.pagination .ant-pagination-jump-prev:focus:after, .pagination .ant-pagination-jump-next:focus:after, .pagination .ant-pagination-jump-prev:hover:after, .pagination .ant-pagination-jump-next:hover:after {
    color: #14ccff;
}
.pagination .ant-pagination-options-quick-jumper input:focus {
    border-color: #14ccff;
}
.pagination .ant-pagination-options-quick-jumper input:hover {
    border-color: #14ccff;
}

.ant-upload-select-picture-card i {
    font-size: 28px;
    color: #8e8e8e;
}

.ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    font-size: 14px;
    color: #8e8e8e;
    font-weight: 300;
}

.image-preview-modal {
    width: 100%;
    height: 490px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-preview-modal >img {
    max-width: 100%;
    max-height:100%;
}

.oper-text {
    color: #00ccff;
}

.ant-input:hover {
    border-color: #00ccff;
}

.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #00ccff;
    border-color: #00ccff;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: #00ccff;
}

.ant-radio-checked .ant-radio-inner {
    border-color: #00ccff;
}

.ant-radio-wrapper:hover .ant-radio .ant-radio-inner, .ant-radio:hover .ant-radio-inner, .ant-radio-focused .ant-radio-inner {
    border-color: #00ccff;
}

.ant-radio-checked:after {
    border: 1px solid #00ccff;
}

.ant-radio-inner:after {
    background-color: #00ccff;
}

.ant-switch {
    height: 26px;
    min-width: 56px;
    line-height: 26px;
    background-color: #adadae;
}
.ant-switch:after {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 22px;
}
.ant-switch-checked:after {
    left: 100%;
    margin-left: -23px;
}
.ant-switch-checked {
    background-color: #3eb07a;
}

/**setting-upload**/
.setting-upload .ant-upload.ant-upload-select-picture-card {
    width: 210px;
    height: 125px;
}
.setting-upload .upload-image-btn {
    margin-top: 16px;
}
.setting-upload .ant-upload-select-picture-card i {
    font-size: 28px;
    color: #8e8e8e;
}

.setting-upload .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    font-size: 14px;
    color: #8e8e8e;
    font-weight: 300;
}
.setting-upload .ant-upload-list-picture-card .ant-upload-list-item {
    width: 210px;
    height: 125px;
}

/**repair-upload**/
.repair-upload .ant-upload.ant-upload-select-picture-card {
    width: 200px;
    height: 125px;
    border-radius: 0;
    border: 2px solid #b5b5b5;
    background: white;
}
.repair-upload .upload-image-btn {
    margin-top: 16px;
}
.repair-upload .ant-upload-select-picture-card i {
    font-size: 45px;
    color: #b5b5b5;
}

.repair-upload .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    font-size: 14px;
    color: #b5b5b5;
    font-weight: 300;
}
.repair-upload .ant-upload-list-picture-card .ant-upload-list-item {
    width: 210px;
    height: 125px;
}
.repair-upload .ant-upload-list-item.ant-upload-list-item-done {
    border-radius: 0;
}
.repair-upload .ant-upload-list-item-info .ant-upload-list-item-thumbnail img {
    border-radius: 0;
}

.ant-select-selection--multiple {
    max-height: 56px;
    overflow-y: auto;
}

@media screen and (max-width: 1400px) {
    /**setting-upload**/
    .setting-upload .ant-upload.ant-upload-select-picture-card {
        width: 141px;
        height: 90px;
    }
    .setting-upload .upload-image-btn {
        margin-top: 11px;
    }
    .setting-upload .ant-upload-select-picture-card i {
        font-size: 19px;
    }

    .setting-upload .ant-upload-select-picture-card .ant-upload-text {
        margin-top: 5px;
        font-size: 12px;
    }
    .setting-upload .ant-upload-list-picture-card .ant-upload-list-item {
        width: 141px;
        height: 84px;
    }
}